<template>
  <div id="app">
    <!-- keep-alive 缓存不活动的组件而不是销毁它们 -->
    <!-- 使用keep-alive时会多出两个钩子函数 activated deactivated -->
    <keep-alive exclude="Detail">
      <router-view />
    </keep-alive>
    <Footer></Footer>
  </div>
</template>

<script>
import Footer from './components/content/Footer'

export default {
  data() {
    return {}
  },
  components: {
    Footer
  }
}
</script>

<style>
@import './assets/css/base.css';
</style>
